<script setup lang="ts"></script>

<template>
  <a class="norem-nav-logo" href="http://localhost:1232/">
    <div class="logo-n flex align-center">
      <img class="norem-logo-img" src="@/assets/logo.png" alt="小白圈" />
      <span class="norem-logo-name">小白圈</span>
    </div>
  </a>
</template>

<style scoped lang="scss">
.norem-nav-logo {
  color: #32aaff;
  text-decoration: none;
  display: inline-block;
  margin-right: 40px;
  vertical-align: middle;
  white-space: nowrap;
  .norem-logo-img {
    width: 32px;
    height: 32px;
    margin-right: 12px;
  }
  .norem-logo-name {
    color: rgba(0, 0, 0, 0.87);
    font-size: 15px;
  }
}
</style>
